<template>
  <div>
    <h1>我操了，我连按钮的背景渐变都不会</h1>
    <br />
    <button class="m-btn">我是一个按钮</button>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.m-btn {
  width: 100px;
  height: 40px;
  margin: 30px;
  border: none;
  border-radius: 10px;
  color: #3f3f3f;
  font-weight: 600;
  /* 渐变色 */
  background: linear-gradient(to bottom right, #46d828 0%,yellow 100%);
}
.m-btn:focus{
    border: none;
}
</style>